//给注册绑定点击事件
let btn = document.querySelector('.btn')
btn.onclick = function (e) {
    e = e || window.event;
    e.preventDefault(); // 阻止默认提交
    // 将获取的数据放在对象中
    let data = {
        username: username.value,
        tel: tel.value,
        password: password.value
    }
    let rePassword = repassword.value;

    // 检验不能为空
    if (!data.username || !data.tel || !data.password || !rePassword) {
        layer.msg("请完整填写表单");
        return;
    }
    // 校验格式
    // 用户名和密码校验
    let regU = /^[a-zA-Z]\w{2,15}$/; // 用户名正则
    let regP = /^\w{6,16}$/; // 密码正则
    let regS = /^[1]\d{10}$/;//手机号码正则
    if (!regU.test(data.username)) {
        layer.msg('用户名格式错误');
        return;
    }
    if (!regS.test(data.tel)) {
        layer.msg('手机号码格式错误');
        return;
    }
    if (!regP.test(data.password)) {
        layer.msg('密码格式错误');
        return;
    }
    // 两次密码一致
    if (data.password != rePassword) {
        layer.msg('两次密码不一致');
        return;
    }
    // 同意协议
    let agreement= document.getElementById('agreement');
    if (!agreement.checked) {
        layer.msg('请同意用户协议')
        return false;
    }
    // 注册请求pAjax，弹出加载遮罩层
    let index = layer.load(1, {
        shade: [0.5, '#666'] //0.1透明度的白色背景
    });
    pAjax({
        url: '../server/register.php',
        dataType: 'json',
        data: data,
        type: 'post',
    }).then(res => {
        // 接收到注册的请求响应，关闭遮罩层
        layer.close(index)

        // 根据返回的结果判断注册是否成功
        var msgIndex = layer.msg(res.msg);
        if (res.status === 0) {
            // 注册成功，两秒后关闭提示成功注册的弹出层，并跳转登录页面
            setTimeout(() => {
                layer.close(msgIndex)
                location.href = '01-login.html'
            }, 2000)
        }
    })
}

